header{
        position: relative;
       
}
@media screen and (min-width:600px) and (max-width:900px){
    header .navigation{
        width:73%;
    }
}
@media screen and (max-width:991px),screen and(max-width:1025px){
    header .top{
        width:100%;
    } 
    header .tou{
        /* 允许换行 */
        flex-wrap: wrap;
        margin: 0 auto;
        padding:0rem 1rem;
    }
    #text{
        width:100%;
        height: 50px;
        background: rgba(0, 0,0, 0.5);
    }
    #text select{
       
        color: #9d9d9d;
        text-align:center;
    }
    #text select:hover{
        text-shadow: 1px 1px 10px #fff;
        font-weight: bold;
        transform:scale(1.1);
        background: rgba(0, 0,0, 0.5);
    }
    header .mobi{
        display:flex;
        justify-content: space-between;
        flex-direction: column;
        transition: all linear .3s;
    }
    #nav{
     
        display: none;
       
        overflow:hidden;
        flex-wrap: wrap;
        transition: all linear .6s;
    }
    header .navigation li{
        display: block;
        width:100%;
        background: rgba(0, 0,0, 0.5);
        text-align: center;
    }
    header .navigation li:hover{
        text-shadow: 1px 1px 10px #fff;
        font-weight: bold;
        transform:scale(1.1);
    }
    #mobi:checked ~ label[for="mobi"]{
        transform:rotate(90deg);
    }

    #mobi:checked ~ .navigation{
        height: auto;
        display: block;
        opacity: 1;
        z-index: 10;
        position: absolute;
        top: 5rem;
        left: 0;
        justify-content: center;
        background:rgba(0, 0,0, 0.5);
        width: 100%;
        padding: 0;
    }
    #mobi:checked ~ .navigation ul{
        flex-direction: column;
        width: 100%;
    }
    #mobi:checked ~ .navigation ul li{
        width: 100%;
        cursor: pointer;
        color: #9d9d9d;
    }
    @media screen and (min-width:300px){
        header{
            width: 100%;
            height: 100%;
            margin: 0 auto;
        }
    }
    
}
@media screen and(min-width:992px) and(max-width:1025px){
    #bul #all1{
        width: 100%;
        height: 480px;
        #box1{
            width: 100%  max-content;
            img{
                width: 72%;
            }
        }
    }
}
@media screen and(max-width:991px){
    #bul #all1{
        width: 100%;
        height: 179px;
        #box1{
            width: 100%  max-content;
            img{
                width: 27%;
            }
        }
    }
}

@media screen and (max-width: 991px) {
    .navbar-default .navbar-nav li a {
      padding: 15px 6px;
    }
    #col{
      margin-top: 30px;
    }
    #col h2 {
      font-size: 35px;
    }
   #col h5 {
      font-size: 25px;
      margin: 15px 0 40px;
      line-height: 1.3;
    }
    main .container .tu {
      display: none;
    }
  }
@media screen and (max-width: 991px){
    #tu {
        .shang{
            display: none;
        }
        .xai{
            margin-top: 30px;
            .col-sm-12{
                justify-content: center;
            }
        }
    }
}
@media screen and (max-width: 991px){
    #to{
        margin-top: 10px;
    }
    #df{
        width: 100%;
        display: flex;
    }
    #ry{
        margin-left: 20px;
    }
    #text2{
        margin-top: -20px;
        p:last-child{
            width: 100%;
            line-height: 20px;
        }
    }
}
@media screen and (max-width: 991px),screen and (max-width: 1025px){
    main .game .container .row .col-md-8{
        display: flex;
        justify-content: space-around;
        align-items: center
    }
    #pi{
        text-align:center;
        font-size: 45px;
    }
    #fv{
        display: flex;
        justify-content: center;
    }
    #ml{
        width: 100%;
        height: 100%;
        margin-left: 0;
    }
    #pb{
        margin-top: 1px;
        display: flex;
        justify-content: space-around;
        width: 100%;
        margin-left: -30px;
        p{
            font-size: 20px;
        }
    }
    #pd .col-md-3 {
        margin-left: 40px;
    }
    #mb{
        margin-top:10px;
    }
    #bg{
        display: none;
    }
    #iu{
        display: none;
    }
}
@media screen and (max-width: 991px){
    .biao{
        display: flex;
        justify-content: space-around;
        .col-md-2{
            margin-top: 10px;
        }
    }
  #md{
        justify-content: center;
        #tr{
            font-size: 50px;
        }
        #hb{
            font-size: 20px;
        }
    }
}
@media screen and (max-width: 991px){
        #text5 .right{
            display: none;
        }
        #text5 .left{
            text-align:center;
        }
}
@media screen and (max-width: 991px){
    #da{
     margin-top: 20px;
    }
   #mk{
        width: 100%;
    }
    #btu{
        width: 100%;
        div{
            width: 100%;
        }
    }
    .zhao{
        display: none;
    }
}
@media screen and (max-width: 991px){
    #mian{
        width: 100%;
    }
    #sahng{
        width: 100%;
    }
    #bg5{
        margin-top: 20px;
    }
}
@media screen and (max-width: 991px),screen and (max-width: 1025px){
    #heng{
        width: 100%;
    }
    #title{
        margin-top: 20px;
    }
    #buttom{
        display: none;
    }
    #jk{
        width: 100%;
    }
    #mq{
        display: none;
    }
    #row{
        display: block;
    }
    #ull{
        width: 100%;
    }
    #but{
        margin-left: 80px;
    }
    #rt{
        margin-top: 10px;
    }
    #fg{
        margin-top: 10px;
    }
    #tp{
        margin-top: 10px;
    }
    #hen{
        width: 100%;
    }
    #choose{
        margin-left: 20px;
    }
    #all{
        margin-top: -20px;
    }
    #bf{
        display: none;
    }
    #main{
        .hot_games_container{
            padding-left: 40px;
            padding-right: 40px;

            
            .section1{
                .main_img_box{
                    display: none;
                    
                }

                .game_info_box{
                    p{
                        text-align: center !important;
                    }
                }

                .game_img_flex_box{
                    margin: 0 auto;
                    justify-content: space-around !important;
                    row-gap: 20px !important;
                }
            }
            .section2{
                .main_img_box{
                    display: none;
                }

                .game_info_box{
                    p{
                        text-align: center !important;
                    }
                }

                .game_img_flex_box{
                    margin: 0 auto;
                    justify-content: space-around !important;
                    row-gap: 20px !important;
                }
            }
        }
    }
}
